<template>
	<view class="">
		<view class="linear"></view>
		<view class="listbg">
			<view class="user">
				<view class="">
					<text>收货人:</text>
					<text style="display: flex;">
						{{`${(fromData.real_name || '暂无昵称')} ${(fromData.user_phone || '暂无联系电话')}`}}
					</text>
				</view>
				<view class="" style="margin-top: 20rpx;margin-bottom: 20rpx;">
					<text>预约时间:</text>
					<text class="hong"
						v-if="fromData.delivery_day && fromData.delivery_time_scope">{{`${fromData.delivery_day} ${fromData.delivery_time_scope}`}}</text>
				</view>
				<view class=""><text>收货地址:</text><text class="hui">{{fromData.user_address || '暂无收货地址'}}</text>
				</view>
			</view>

			<view class="" v-show="fromData.orderTaskUrge">
				<view class="usualtitle">
					<text>催单信息</text>
				</view>
				<view class="urge">
					<view class="" v-for="(item,index) in fromData.orderTaskUrge">
						<view class="">
							<text>催单时间：</text>
							<text>{{item.create_date}}</text>
						</view>
					</view>
				</view>
			</view>

			<view class="" v-show=" fromData.taskStaffInfo.rider">
				<view class="usualtitle">
					<text>骑手信息</text>
				</view>
				<view class="buyer">
					<image :src="fromData.taskStaffInfo.rider.application.avatar" mode=""></image>
					<view class="">
						<view class="">
							<text>{{fromData.taskStaffInfo.rider.application.real_name || '暂无昵称'}}</text>
							<text>{{fromData.taskStaffInfo.rider.application.phone || '暂无联系电话'}}</text>
						</view>
						<view class="">
							<text>{{fromData.taskStaffInfo.rider.application.phone}}</text>
							<text @click="call(fromData.taskStaffInfo.rider.application.phone)">联系骑手</text>
						</view>
					</view>
				</view>
			</view>

			<view class="" v-show="fromData.taskStaffInfo.buyer">
				<view class="usualtitle">
					<text>买手信息</text>
					<text>{{fromData.buyer_type == 0?'自动派单':'顾客指定' }}</text>
				</view>
				<view class="buyer">
					<image :src="fromData.taskStaffInfo.buyer.application.avatar" mode=""></image>
					<view class="">
						<view class="">
							<text>{{fromData.taskStaffInfo.buyer.application.real_name || '暂无昵称'}}</text>
							<text>{{fromData.taskStaffInfo.buyer.application.phone || '暂无联系电话'}}</text>
						</view>
						<view class="">
							<text>{{fromData.taskStaffInfo.buyer.application.phone}}</text>
							<text @click="call(fromData.taskStaffInfo.buyer.application.phone)">联系买手</text>
						</view>
					</view>
				</view>
			</view>

			<view class="goodslist" style="padding-bottom: 30rpx;" v-for="(item,index) in fromData.orderList"
				:key="index">
				<view class="usualtitle">
					<text>{{item.merchantField.marketField.mar_name}}-{{item.merchantField.mer_name}}</text>
					<text @click="call(item.merchantField.mer_phone)">联系商家</text>
				</view>
				<view class="goodsbg" v-for="(item1,index1) in item.simpleOrderProduct" :key="index1">
					<view class="">
						<image :src="item1.simpleCartInfo.image" mode=""></image>
						<view class="itemrules">
							<view class="">
								<text>{{item1.simpleCartInfo.store_name}}</text><text>￥{{item1.simpleCartInfo.price}}</text><text>￥{{item1.product_price}}</text>
							</view>
							<text>{{item1.simpleCartInfo.store_info}}</text>
							<text>x{{item1.product_num}}</text>
						</view>
						<!-- <view class="priceipt" @click="getrealprice">输入实际价格</view> -->
					</view>
				</view>
				<view class="">
					<view class="usualtitle">
						<text>备注</text>
					</view>
					<view class="beizu">
						<view class=""><text>{{item.mark}}</text></view>

					</view>
				</view>
				<view class="openline"><text>共{{fromData.total_num}}件</text>
					<image src="./static/icon_297@2x.png" mode=""></image>
					<image src="./static/icon_298@2x(1).png" mode=""></image>
				</view>
				<view class="youhui">
					<view class="">
						<image src="./static/icon_138@2x.png" mode=""></image>
						<text>积分抵现</text>
					</view>
					<text>-￥{{fromData.integral_price || 0}}</text>
				</view>
				<view class="youhui">
					<view class="">
						<image src="./static/icon_139@2x.png" mode=""></image>
						<text>红包</text>
					</view>
					<text>-￥{{fromData.platform_free_money || 0}}</text>
				</view>
				<view class="youhui">
					<view class="">
						<image src="./static/icon_139@2x.png" mode=""></image>
						<text>配送费红包</text>
					</view>
					<text>-￥{{fromData.total_free_postage_money_sum || 0}}</text>
				</view>
				<view class="youhui">
					<view class="">
						<image src="./static/icon_139@2x.png" mode=""></image>
						<text>礼品卡</text>
					</view>
					<text>-￥{{fromData.card_price || 0}}</text>
				</view>
				<view class="youhui">
					<view class="">
						<image src="./static/icon_141@2x.png" mode=""></image>
						<text>优惠券</text>
					</view>
					<text>-￥{{fromData.coupon_price || 0}}</text>
				</view>
				<view class="realpay">
					<view class="" style="align-items: center;">已优惠<text> ￥{{fromData.total_free_money_sum}}</text>
					</view>
					<view class="">实付金额￥<text>{{fromData.pay_price}}</text></view>
				</view>
				<view class="plus">
					<image src="./static/icon_148@2x.png" mode=""></image>
					<view class="">
						<image src="./static/vip.png" mode=""></image>
						<text> 尊贵的plus会员</text>
						<text> | 可为您节省￥{{fromData.order_total_vip_price}}</text>
					</view>
				</view>


			</view>

			<view class="">
				<view class="usualtitle">
					<text>订单信息</text>
				</view>
				<view class="beizu">
					<view class="">
						<text>订单编号: {{fromData.group_order_sn}}</text>
						<text @click="copy(fromData.group_order_sn)">复制</text>
					</view>
					<view class=""><text>下单时间: {{fromData.create_time}}</text></view>

				</view>
			</view>

			<view class="" v-show="false">
				<view class="usualtitle">
					<text>配送信息</text>
				</view>
				<view class="beizu peisong">
					<view class="">
						<text>收货地址:</text>
						<text style="color: #333333;">柠檬张 18545147899 重庆市南岸区弹子石 街道，国际商务大厦B座1401</text>
					</view>
					<view class="">
						<text>配送时间:</text>
						<text>明天10:00-12:00</text>
					</view>

				</view>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				fromData: '',
				moneyshow: false,
				realprice: '',
				id: '',
				type: ""
			}
		},
		onLoad(e) {
			if (e.id) {
				this.id = e.id;
				this.type = e.type;
			}
			//获取详情
			this.getDetail();
		},
		onShow() {},
		methods: {
			// 拨打电话
			call(num) {
				uni.makePhoneCall({
					phoneNumber: String(num),
					success() {

					},
					fail(res) {
						console.log(res);
					}
				})
			},
			// 复制
			copy(text) {
				uni.setClipboardData({
					data: text + '',
					success: function() {
						console.log('a');
					}
				});
			},
			//获取详情
			getDetail() {
				this.$request(`mar_service/urge/detail/${this.id}`, {
					serviceLogin: '111',
				}, 'GET').then(res => {
					console.log(res, '详情res');
					if (res.status == 200) {
						this.fromData = res.data;
						console.log('status:' + this.fromData.status, 'task_status:' + this.fromData.task_status,
							'type:' + this.type)
						switch (Number(this.fromData.task_status)) {
							case 1:
								return uni.setNavigationBarTitle({
									title: "待帮买"
								});
							case 2:
								return uni.setNavigationBarTitle({
									title: "帮买中"
								});
							case 3:
								return uni.setNavigationBarTitle({
									title: this.type == 2 ? (this.fromData.status == 1 ? "待取货" : "待配送") :
										""
								});
							case 4:
								return uni.setNavigationBarTitle({
									title: "配送中"
								});
							case 5:
								return uni.setNavigationBarTitle({
									title: "已完成"
								});
						}
						// // 循环取数据
						// console.log(this.fromData.groupOrder, '看看总单');
						// let jifen = 0; //积分抵现
						// let youhui = 0; //优惠券
						// let shiji = 0; //实际金额
						// let zongyouhui = 0; //总优惠
						// let vip = 0; //vip总优惠
						// this.fromData.groupOrder.orderListField.forEach((i, e) => {
						// 	console.log(i, '子单');
						// 	jifen += i.integral_price * 1;
						// 	youhui += i.coupon_price * 1;
						// 	shiji += i.pay_price * 1;
						// 	zongyouhui += (i.total_price * 1) - (i.pay_price * 1);
						// 	vip += i.vip_discount_money * 1;
						// 	// 给每一个加个差价
						// 	i.orderProduct.forEach((i2, e2) => {
						// 		this.$set(this.fromData.groupOrder.orderListField[e].orderProduct[
						// 			e2], 'chajia', '');
						// 	})
						// })
						// // orderProduct
						// this.jifendixian = jifen;
						// this.youhuiquan = youhui;
						// this.shijijine = shiji;
						// this.yiyouhui = zongyouhui;
						// this.vipMoney = vip;
						// //买手任务
						// if (res.data.task_type == 1) {
						// 	switch (res.data.status * 1) {
						// 		case 0:
						// 			return '待指定';
						// 		case 1:
						// 			return uni.setNavigationBarTitle({
						// 				title: "待帮买"
						// 			});
						// 		case 2:
						// 			return uni.setNavigationBarTitle({
						// 				title: "帮买中"
						// 			});
						// 		case 3:
						// 			return uni.setNavigationBarTitle({
						// 				title: "已完成"
						// 			});
						// 		case 4:
						// 			return uni.setNavigationBarTitle({
						// 				title: "已取消"
						// 			});
						// 	}
						// }
						// //买手换货任务
						// if (res.data.task_type == 4) {
						// 	uni.setNavigationBarTitle({
						// 		title: "售后详情"
						// 	})
						// }
					}
				})
			},
			getrealprice() {
				this.moneyshow = true
			},
			sure() {
				this.moneyshow = false
			},

		}
	}
</script>

<style>
	.imgs {
		box-sizing: border-box;
		padding: 20rpx 20rpx;
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
	}

	.imgs>image {
		width: 200rpx;
		height: 200rpx;
		border-radius: 8rpx;
		margin-left: 20rpx;
		/* background: #18BC37; */
		margin-bottom: 20rpx;
	}

	.imgs>image:nth-of-type(3n+1) {
		margin-left: 0;
	}

	.pstime {
		height: 84rpx;
		width: 100%;
		/* overflow: hidden; */
		/* margin-left: 30rpx; */
		position: relative;
	}

	.pstime .lring {
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		background: #F5F5F5;
		position: absolute;
		left: -14rpx;
		top: -14rpx;
	}

	.pstime .rring {
		width: 30rpx;
		height: 30rpx;
		border-radius: 50%;
		background: #F5F5F5;
		position: absolute;
		right: -14rpx;
		top: -14rpx;
	}

	.pstime .time {
		border-top: 1rpx solid #EEEEEE;
		display: flex;
		align-items: center;
		width: 630rpx;
		height: 100%;
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		margin-left: 30rpx;
	}

	.pstime .time text {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #F45E14;
	}

	.topbox {
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}

	.qu {
		color: #F45E14 !important;
		background: #FFE8DC !important;
	}

	.addressbox {
		display: flex;
		width: 690rpx;
		margin-left: 20rpx;
		overflow: hidden;
	}

	.add_r {
		flex: 1;
		margin-left: 12rpx;
	}

	.add_r>view {
		display: flex;
	}

	.add_r>view:nth-of-type(2) {
		margin-top: 30rpx;
	}

	.add_r>view text {
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
		width: 480rpx;
	}

	.add_r>view image {
		width: 36rpx;
		height: 36rpx;
		margin-left: 50rpx;
	}

	.add_l {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: 8rpx;
	}

	.add_l>view {
		width: 44rpx;
		height: 26rpx;
		background: #D6FFF5;
		border-radius: 4rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 22rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #109C7A;
	}

	.add_l>text {
		font-size: 20rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
	}

	.topbox {
		box-sizing: border-box;
		padding-top: 30rpx;
		padding-bottom: 30rpx;
	}

	.cancelbox {
		background: #FFFFFF;
		border-radius: 20rpx;
		font-size: 24rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
		line-height: 40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		box-sizing: border-box;
		width: 690rpx;
		padding: 30rpx;
		position: relative;
		z-index: 5;
	}

	.cancelbox text:nth-of-type(1) {
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		margin-bottom: 10rpx;
	}

	.call {
		width: 124rpx !important;
		height: 44rpx;
		background: #FFFFFF;
		border: 1rpx solid #EEEEEE;
		border-radius: 22rpx;
		font-size: 26rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		position: absolute;
		right: 30rpx;
	}

	.loc {
		display: flex;
		align-items: center;
	}

	.loc text {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #F45E14;
		margin-left: 8rpx;
	}

	.plus {
		width: 630rpx;
		height: 88rpx;
		position: relative;
		margin-left: 30rpx;
		margin-top: 6rpx;
		display: flex;
		align-items: flex-end;
	}

	.plus>view {
		display: flex;
		align-items: center;
		font-size: 24rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #4D2F12;
		position: relative;
		z-index: 2;
		margin-bottom: 20rpx;
		margin-left: 14rpx;
	}

	.plus>view image {
		width: 30rpx;
		height: 30rpx;
	}

	.plus>view text {
		margin-left: 6rpx;
	}

	.plus>view text:nth-of-type(1) {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #4D2F12;
	}

	/* 	<view class="plus">
		<image src="../static/icon_148@2x.png" mode=""></image>
			<view class="">
				<image src="../static/vip.png" mode=""></image>
				<text>成为plus会员</text>
				<text>| 可为您节省￥15.08</text>
			</view>
	</view> */

	.plus>image {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	.realpay {
		width: 630rpx;
		margin-left: 30rpx;
		margin-top: 60rpx;
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		line-height: 6rpx;
		display: flex;
		justify-content: space-between;
	}

	.realpay>view {
		display: flex;
		align-items: baseline;
	}

	.realpay>view:nth-of-type(1) text {
		font-size: 34rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #F83535;
	}

	.realpay>view:nth-of-type(2) text {
		font-size: 40rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
	}

	.youhui {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 630rpx;
		margin-left: 30rpx;
		margin-top: 40rpx;

	}

	.youhui>view {
		display: flex;
		align-items: center;
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
	}

	.youhui>view image {
		width: 28rpx;
		height: 30rpx;
		margin-right: 14rpx;
	}

	.youhui>text {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #F83535;
	}

	.openline {
		width: 630rpx;
		margin-left: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 40rpx;
		background: #FAFAFA;
		font-size: 22rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #999999;
	}

	.openline>image {
		width: 16rpx;
		height: 10rpx;
	}

	.goodsbg>view {
		height: 170rpx;
		border-bottom: 1rpx solid #EEEEEE;
		width: 630rpx;
		margin-left: 30rpx;
		display: flex;
		align-items: center;
		position: relative;
	}

	.priceipt {
		position: absolute;
		width: 174rpx;
		height: 50rpx;
		background: #FFFFFF;
		border: 1rpx solid #FFCBB1;
		border-radius: 25rpx;
		font-size: 24rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #F45E14;
		right: 0rpx;
		bottom: 10rpx;
	}

	.goodsbg>view:last-child {
		border-bottom: none;
	}

	.goodsbg>view>image {
		width: 110rpx;
		height: 110rpx;
		border-radius: 12rpx;
		/* background: #18BC37; */
		margin-right: 16rpx;
	}

	.itemrules {
		display: flex;
		flex-direction: column;
	}

	.itemrules>text {
		font-size: 22rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #666666;
		line-height: 30rpx;
	}

	.itemrules>view {
		display: flex;
		align-items: center;
	}

	.itemrules>view>text:nth-of-type(1) {
		width: 280rpx;
		font-size: 28rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		line-height: 40rpx;
	}

	.itemrules>view>text:nth-of-type(2) {
		font-size: 24rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		text-decoration: line-through;
		color: #999999;
		line-height: 6rpx;
		margin-left: 20rpx;
		margin-right: 30rpx;
	}

	.itemrules>view>text:nth-of-type(3) {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
	}

	.itemrules {}

	/* 	<view class="">
		<image src="" mode=""></image>
		<view class="itemrules">
			<view class=""><text>饱满海南香蕉饱满海南香蕉</text><text>￥18.0</text><text>￥18.0</text></view>
			<text>香甜软糯，回味无穷，一口爱上</text>
			<text>x1</text>
		</view>
	</view> */

	.recive {
		position: fixed;
		bottom: 0;
		width: 750rpx;
		height: 120rpx;
		z-index: 99;
		background: linear-gradient(64deg, #2BCCA5, #22B591);
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 32rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
	}

	.beizu {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		box-sizing: border-box;
		padding: 30rpx;
		line-height: 40rpx;
	}

	.beizu>view {
		display: flex;
		justify-content: space-between;
	}

	.beizu>view text:nth-of-type(2) {
		color: #FC9448;
	}

	.beizu>view:nth-of-type(2) {
		margin-top: 16rpx;
	}

	.peisong {}

	.peisong>view text:nth-of-type(2) {
		color: #FC9448;
		width: 500rpx;
	}

	.buyer {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 30rpx;
		position: relative;
	}

	.buyer>image {
		width: 70rpx;
		height: 70rpx;
		border-radius: 50%;
		/* background: #18BC37; */
		margin-right: 16rpx;
	}

	.buyer>view {
		flex: 1;
	}

	.buyer>view>view {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.buyer>view>view:nth-of-type(1) {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
		line-height: 42rpx;
	}

	.buyer>view>view:nth-of-type(2) {
		font-size: 22rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #999999;
		line-height: 42rpx;
	}

	.buyer>view>view:nth-of-type(2) text:nth-of-type(2) {
		color: #F83535;
	}

	.usualtitle {
		height: 88rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 0 30rpx;
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
		border-bottom: 1rpx solid #EEEEEE;
	}

	.usualtitle text:nth-of-type(2) {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #F45E14;

	}

	.user {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
		box-sizing: border-box;
		padding: 30rpx;
	}

	.user>view {
		display: flex;
	}

	.user text:nth-of-type(1) {
		width: 140rpx;
		white-space: nowrap;
	}
	
	.urge {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #000000;;
		box-sizing: border-box;
		padding: 30rpx;
	}
	

	.hong {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #F83535;
	}

	.hui {
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #666666;
		width: 500rpx;
	}

	.listbg {
		width: 690rpx;
		margin-left: 30rpx;
		position: relative;
		z-index: 3;
		padding-top: 50rpx;
	}

	.listbg>view {
		width: 690rpx;
		height: auto;
		background: #FFFFFF;
		border-radius: 20rpx;
		margin-top: 20rpx;
	}

	page {
		background: #F5F5F5;
	}

	.ipts {
		width: 620rpx;
		height: 380rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}

	.linear {
		width: 750rpx;
		height: 280rpx;
		background: linear-gradient(180deg, #109C7A 0%, #F5F5F5 100%);
		position: fixed;
		top: 0;
	}

	.ipts>text {
		font-size: 30rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #333333;
		line-height: 34rpx;
	}

	.ipts input {
		width: 572rpx;
		height: 120rpx;
		background: #FFFFFF;
		border: 1rpx solid #CCCCCC;
		border-radius: 10rpx;
		box-sizing: border-box;
		padding-left: 16rpx;
		margin-bottom: 42rpx;
		margin-top: 46rpx;
	}

	.ipts textarea {
		width: 572rpx;
		height: 120rpx;
		background: #FFFFFF;
		border: 1rpx solid #CCCCCC;
		border-radius: 10rpx;
		box-sizing: border-box;
		padding-left: 16rpx;
		margin-bottom: 42rpx;
		margin-top: 46rpx;
		font-size: 26rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		padding-top: 10rpx;
	}

	.playbtn {
		width: 100%;
		display: flex;
		height: 90rpx;
		border-top: 1rpx solid #EEEEEE;
	}

	.playbtn>view {
		font-size: 28rpx;
		font-family: Microsoft YaHei;
		font-weight: bold;
		color: #999999;
		display: flex;
		width: 50%;
		height: 100%;
		align-items: center;
		justify-content: center;
	}

	.playbtn>view:nth-of-type(2) {
		border-left: 1rpx solid #EEEEEE;
		color: #F31E1E;

	}

	.tworecive {
		background: #FFFFFF;
		display: flex;
		justify-content: flex-end;
		box-sizing: border-box;
		height: 140rpx;
		padding-right: 60rpx;
	}

	.tworecive>view {
		width: 220rpx;
		height: 90rpx;
		background: #FFFFFF;
		border: 1rpx solid #CCCCCC;
		border-radius: 10rpx;
		font-size: 32rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #333333;
	}

	.tworecive>view:nth-of-type(2) {
		color: #FFFFFF;
		width: 220rpx;
		background: linear-gradient(64deg, #2BCCA5, #22B591);
		margin-left: 30rpx;
	}
</style>
